<template>
  <div style="height: 100vh; widht: 100vw">
    <div
      class="login"
      :style="{ backgroundImage: 'url(' + loginbackgroundURl + ')' }"
      v-if="loginStyleBox != 'yangshi5'"
    >
      <!-- <div class="login" :style="loginbackgroundURl.background"> -->
      <!-- 样式一 -->
      <div class="Home_Box" v-if="loginStyleBox == 'yangshi1'">
        <div v-if="showBox == 1">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
          >
            <h3 class="title">{{loginName}}</h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                maxlength="20"
                clearable
                auto-complete="off"
                placeholder="账号"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="off"
                placeholder="密码"
                maxlength="20"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <img :src="codeUrl" v-if="codeUrl" @click="getCode" class="login-code-img" />
              </div>
            </el-form-item>
            <el-checkbox
              v-model.trim="loginForm.rememberMe"
              style="margin: 0px 0px 25px 0px"
              >记住密码</el-checkbox
            >
            <el-button
              type="text"
              @click="registerBotton"
              style="margin-left: 10px"
              >注册</el-button
            >
            <el-button type="text" @click="forget">忘记密码</el-button>
            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                style="width: 100%"
                @click.native.prevent="handleLogin"
              >
                <span v-if="!loading">登 录</span>
                <span v-else>登 录 中...</span>
              </el-button>
              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >立即注册</router-link
                >
              </div>
            </el-form-item>
          </el-form>
          <!--  底部  -->
          <div class="el-login-footer">
            <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
          </div>
        </div>

        <!-- 注册 -->
        <div v-else-if="showBox == 2">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
            autocomplete="off"
          >
            <h3 class="title">用户注册</h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                maxlength="20"
                clearable
                show-word-limit
                auto-complete="off"
                placeholder="账号"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="usernickname">
              <el-input
                v-model.trim="loginForm.usernickname"
                type="text"
                maxlength="20"
                clearable
                show-word-limit
                auto-complete="off"
                placeholder="姓名"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="new-password"
                maxlength="20"
                placeholder="密码"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="phone">
              <el-input
                type="text"
                maxlength="11"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="loginForm.phone"
                auto-complete="off"
                clearable
                show-word-limit
                placeholder="手机号"
              ></el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <el-button
                  type="primary"
                  :disabled="gain.flag"
                  @click="sendCodeFun('loginForm', 1)"
                >
                  {{ gain.title }}</el-button
                >
                <!-- <img :src="codeUrl" @click="getCode" class="login-code-img" /> -->
              </div>
            </el-form-item>

            <el-form-item v-if="intoPattern != '2'">
              <el-input
                type="text"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="Invite"
                placeholder="邀请码"
                maxlength="10"
                clearable
                show-word-limit
                :disabled="InviteCode"
              ></el-input>
            </el-form-item>
            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                style="width: 100%"
                @click.native.prevent="registerSure"
              >
                <span v-if="!loading">注 册</span>
                <span v-else>注 册 中...</span>
              </el-button>
              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >立即注册</router-link
                >
              </div>
              <el-button type="text" @click="returnLogin">返回登录</el-button>
            </el-form-item>
          </el-form>
          <!--  底部  -->
          <div class="el-login-footer">
            <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
          </div>
        </div>

        <!-- 忘记密码 -->
        <div v-else-if="showBox == 3">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
          >
            <h3 class="title">忘记密码</h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                auto-complete="off"
                placeholder="账号"
                maxlength="20"
                clearable
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="phone">
              <el-input
                type="text"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="loginForm.phone"
                auto-complete="new-password"
                clearable
                maxlength="11"
                placeholder="手机号"
              ></el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <el-button
                  type="primary"
                  :disabled="gain.flag"
                  @click="sendCodeFun('loginForm', 0)"
                >
                  {{ gain.title }}</el-button
                >
              </div>
              <!-- <div class="login-code">
              <img :src="codeUrl" @click="getCode" class="login-code-img" />
            </div> -->
            </el-form-item>

            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="off"
                placeholder="新密码"
                maxlength="20"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password2">
              <el-input
                v-model.trim="loginForm.password2"
                type="password"
                auto-complete="off"
                maxlength="20"
                clearable
                placeholder="确认密码"
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <!-- <el-checkbox
          v-model="loginForm.rememberMe"
          style="margin: 0px 0px 25px 0px"
          >记住密码</el-checkbox
        > -->
            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                style="width: 100%"
                @click.native.prevent="FindPasswordBotton"
              >
                <span v-if="!loading">确 定</span>
                <span v-else>...</span>
              </el-button>
              <el-button type="text" @click="returnLogin">返回登录</el-button>

              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >确定</router-link
                >
              </div>
            </el-form-item>
          </el-form>
          <!--  底部  -->
          <div class="el-login-footer">
            <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
          </div>
        </div>
      </div>

      <!-- 样式二 -->
      <div class="Home_Box2" v-if="loginStyleBox == 'yangshi2'">
        <div v-if="showBox == 1">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
          >
            <h3 class="title">{{loginName}}</h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                maxlength="20"
                clearable
                auto-complete="off"
                placeholder="账号"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="off"
                placeholder="密码"
                maxlength="20"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <img :src="codeUrl" @click="getCode" class="login-code-img" />
              </div>
            </el-form-item>

            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                class="yangshi2Button"
                @click.native.prevent="handleLogin"
              >
                <span v-if="!loading">登 录</span>
                <span v-else>登 录 中...</span>
              </el-button>
              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >立即注册</router-link
                >
              </div>
            </el-form-item>
            <el-checkbox
              v-model.trim="loginForm.rememberMe"
              style="margin: 0px 0px 25px 0px"
              >记住密码</el-checkbox
            >
            <el-button
              type="text"
              @click="registerBotton"
              style="margin-left: 10px"
              >注册</el-button
            >
            <el-button type="text" @click="forget">忘记密码</el-button>
          </el-form>
          <!--  底部  -->
          <div class="el-login-footer"></div>
        </div>

        <!-- 注册 -->
        <div v-else-if="showBox == 2">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
            autocomplete="off"
          >
            <h3 class="title">用户注册</h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                maxlength="20"
                clearable
                show-word-limit
                auto-complete="off"
                placeholder="账号"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="usernickname">
              <el-input
                v-model.trim="loginForm.usernickname"
                type="text"
                maxlength="20"
                clearable
                show-word-limit
                auto-complete="off"
                placeholder="姓名"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="new-password"
                maxlength="20"
                placeholder="密码"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="phone">
              <el-input
                type="text"
                maxlength="11"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="loginForm.phone"
                auto-complete="off"
                clearable
                show-word-limit
                placeholder="手机号"
              ></el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <el-button
                  type="primary"
                  :disabled="gain.flag"
                  @click="sendCodeFun('loginForm', 1)"
                >
                  {{ gain.title }}</el-button
                >
                <!-- <img :src="codeUrl" @click="getCode" class="login-code-img" /> -->
              </div>
            </el-form-item>

            <el-form-item v-if="intoPattern != '2'">
              <el-input
                type="text"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="Invite"
                placeholder="邀请码"
                maxlength="10"
                clearable
                show-word-limit
                :disabled="InviteCode"
              ></el-input>
            </el-form-item>
            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                class="yangshi2Button"
                @click.native.prevent="registerSure"
              >
                <span v-if="!loading">注 册</span>
                <span v-else>注 册 中...</span>
              </el-button>
              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >立即注册</router-link
                >
              </div>
              <el-button type="text" @click="returnLogin">返回登录</el-button>
            </el-form-item>
          </el-form>
          <div class="el-login-footer"></div>
        </div>

        <div v-else-if="showBox == 3">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
          >
            <h3 class="title">忘记密码</h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                auto-complete="off"
                placeholder="账号"
                maxlength="20"
                clearable
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="phone">
              <el-input
                type="text"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="loginForm.phone"
                auto-complete="new-password"
                clearable
                maxlength="11"
                placeholder="手机号"
              ></el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <el-button
                  type="primary"
                  :disabled="gain.flag"
                  @click="sendCodeFun('loginForm', 0)"
                >
                  {{ gain.title }}</el-button
                >
              </div>
            </el-form-item>

            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="off"
                placeholder="新密码"
                maxlength="20"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password2">
              <el-input
                v-model.trim="loginForm.password2"
                type="password"
                auto-complete="off"
                maxlength="20"
                clearable
                placeholder="确认密码"
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                class="yangshi2Button"
                @click.native.prevent="FindPasswordBotton"
              >
                <span v-if="!loading">确 定</span>
                <span v-else>...</span>
              </el-button>
              <el-button type="text" @click="returnLogin">返回登录</el-button>

              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >确定</router-link
                >
              </div>
            </el-form-item>
          </el-form>
          <div class="el-login-footer"></div>
        </div>
      </div>

      <!-- 样式三 -->
      <div class="Home_Box3" v-if="loginStyleBox == 'yangshi3'">
        <div v-if="showBox == 1">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
          >
            <div class="title">
              <span :class="showBox == 1 ? 'xzBox' : ''" @click="returnLogin"
                >登录</span
              >
              <span @click="registerBotton" :class="showBox == 2 ? 'xzBox' : ''"
                >注册</span
              >
            </div>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                maxlength="20"
                clearable
                auto-complete="off"
                placeholder="账号"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="off"
                placeholder="密码"
                maxlength="20"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <img :src="codeUrl" @click="getCode" class="login-code-img" />
              </div>
            </el-form-item>

            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                class="yangshi2Button"
                @click.native.prevent="handleLogin"
              >
                <span v-if="!loading">登 录</span>
                <span v-else>登 录 中...</span>
              </el-button>
              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >立即注册</router-link
                >
              </div>
            </el-form-item>
            <el-checkbox
              v-model.trim="loginForm.rememberMe"
              style="margin: 0px 10px 25px 0px"
              >记住密码</el-checkbox
            >
            <!-- <el-button
            type="text"
            @click="registerBotton"
            style="margin-left: 10px"
            >注册</el-button
          > -->
            <el-button type="text" @click="forget">忘记密码</el-button>
          </el-form>
          <!--  底部  -->
          <div class="el-login-footer"></div>
        </div>

        <!-- 注册 -->
        <div v-else-if="showBox == 2" class="Home_Box3_zc_box">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
            autocomplete="off"
          >
            <h3 class="title">
              <div class="title">
                <span :class="showBox == 1 ? 'xzBox' : ''" @click="returnLogin"
                  >登录</span
                >
                <span
                  @click="registerBotton"
                  :class="showBox == 2 ? 'xzBox' : ''"
                  >注册</span
                >
              </div>
            </h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                maxlength="20"
                clearable
                show-word-limit
                auto-complete="off"
                placeholder="账号"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="usernickname">
              <el-input
                v-model.trim="loginForm.usernickname"
                type="text"
                maxlength="20"
                clearable
                show-word-limit
                auto-complete="off"
                placeholder="姓名"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="new-password"
                maxlength="20"
                placeholder="密码"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="phone">
              <el-input
                type="text"
                maxlength="11"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="loginForm.phone"
                auto-complete="off"
                clearable
                show-word-limit
                placeholder="手机号"
              ></el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <el-button
                  type="primary"
                  :disabled="gain.flag"
                  @click="sendCodeFun('loginForm', 1)"
                >
                  {{ gain.title }}</el-button
                >
                <!-- <img :src="codeUrl" @click="getCode" class="login-code-img" /> -->
              </div>
            </el-form-item>

            <el-form-item v-if="intoPattern != '2'">
              <el-input
                type="text"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="Invite"
                placeholder="邀请码"
                maxlength="10"
                clearable
                show-word-limit
                :disabled="InviteCode"
              ></el-input>
            </el-form-item>
            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                class="yangshi2Button"
                @click.native.prevent="registerSure"
              >
                <span v-if="!loading">注 册</span>
                <span v-else>注 册 中...</span>
              </el-button>
              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >立即注册</router-link
                >
              </div>
              <!-- <el-button type="text" @click="returnLogin">返回登录</el-button> -->
            </el-form-item>
          </el-form>
          <div class="el-login-footer"></div>
        </div>

        <div v-else-if="showBox == 3">
          <el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
          >
            <h3 class="title">忘记密码</h3>
            <el-form-item prop="username">
              <el-input
                v-model.trim="loginForm.username"
                type="text"
                auto-complete="off"
                placeholder="账号"
                maxlength="20"
                clearable
              >
                <svg-icon
                  slot="prefix"
                  icon-class="user"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item prop="phone">
              <el-input
                type="text"
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                v-model.trim="loginForm.phone"
                auto-complete="new-password"
                clearable
                maxlength="11"
                placeholder="手机号"
              ></el-input>
            </el-form-item>

            <el-form-item prop="code" v-if="captchaOnOff">
              <el-input
                v-model.trim="loginForm.code"
                auto-complete="off"
                placeholder="验证码"
                style="width: 63%"
                maxlength="10"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="validCode"
                  class="el-input__icon input-icon"
                />
              </el-input>
              <div class="login-code">
                <el-button
                  type="primary"
                  :disabled="gain.flag"
                  @click="sendCodeFun('loginForm', 0)"
                >
                  {{ gain.title }}</el-button
                >
              </div>
            </el-form-item>

            <el-form-item prop="password">
              <el-input
                v-model.trim="loginForm.password"
                type="password"
                auto-complete="off"
                placeholder="新密码"
                maxlength="20"
                clearable
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>
            <el-form-item prop="password2">
              <el-input
                v-model.trim="loginForm.password2"
                type="password"
                auto-complete="off"
                maxlength="20"
                clearable
                placeholder="确认密码"
                @keyup.enter.native="handleLogin"
              >
                <svg-icon
                  slot="prefix"
                  icon-class="password"
                  class="el-input__icon input-icon"
                />
              </el-input>
            </el-form-item>

            <el-form-item style="width: 100%">
              <el-button
                :loading="loading"
                size="medium"
                type="primary"
                class="yangshi2Button"
                @click.native.prevent="FindPasswordBotton"
              >
                <span v-if="!loading">确 定</span>
                <span v-else>...</span>
              </el-button>
              <el-button type="text" @click="returnLogin">返回登录</el-button>

              <div style="float: right" v-if="register">
                <router-link class="link-type" :to="'/register'"
                  >确定</router-link
                >
              </div>
            </el-form-item>
          </el-form>
          <div class="el-login-footer"></div>
        </div>
      </div>

      <!-- 样式四 -->
      <div class="Home_Box4" v-if="loginStyleBox == 'yangshi4'">
        <div class="Home_Box4_background_box_1" v-if="showBox == 1">
          <div class="Home_Box4_background_box_2">
            <div>
              <el-form
                ref="loginForm"
                :model="loginForm"
                :rules="loginRules"
                class="login-form"
              >
                <h3 class="title">{{loginName}}</h3>
                <el-form-item prop="username">
                  <el-input
                    v-model.trim="loginForm.username"
                    type="text"
                    maxlength="20"
                    clearable
                    auto-complete="off"
                    placeholder="账号"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="user"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>
                <el-form-item prop="password">
                  <el-input
                    v-model.trim="loginForm.password"
                    type="password"
                    auto-complete="off"
                    placeholder="密码"
                    maxlength="20"
                    clearable
                    @keyup.enter.native="handleLogin"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="password"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>

                <el-form-item prop="code" v-if="captchaOnOff">
                  <el-input
                    v-model.trim="loginForm.code"
                    auto-complete="off"
                    placeholder="验证码"
                    style="width: 63%"
                    maxlength="10"
                    clearable
                    @keyup.enter.native="handleLogin"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="validCode"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                  <div class="login-code">
                    <img
                      :src="codeUrl"
                      @click="getCode"
                      class="login-code-img"
                    />
                  </div>
                </el-form-item>
                <el-checkbox
                  v-model.trim="loginForm.rememberMe"
                  style="margin: 0px 0px 25px 0px"
                  >记住密码</el-checkbox
                >
                <el-button
                  type="text"
                  @click="registerBotton"
                  style="margin-left: 10px"
                  >注册</el-button
                >
                <el-button type="text" @click="forget">忘记密码</el-button>
                <el-form-item style="width: 100%">
                  <el-button
                    :loading="loading"
                    size="medium"
                    type="primary"
                    style="width: 100%"
                    @click.native.prevent="handleLogin"
                  >
                    <span v-if="!loading">登 录</span>
                    <span v-else>登 录 中...</span>
                  </el-button>
                  <div style="float: right" v-if="register">
                    <router-link class="link-type" :to="'/register'"
                      >立即注册</router-link
                    >
                  </div>
                </el-form-item>
              </el-form>
              <!--  底部  -->
              <div class="el-login-footer">
                <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
              </div>
            </div>
          </div>
        </div>

        <div class="Home_Box4_background_box_3" v-else-if="showBox == 2">
          <div class="Home_Box4_background_box_4">
            <!-- 注册 -->
            <div>
              <el-form
                ref="loginForm"
                :model="loginForm"
                :rules="loginRules"
                class="login-form"
                autocomplete="off"
              >
                <h3 class="title">用户注册</h3>
                <el-form-item
                  prop="username"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.username"
                    type="text"
                    maxlength="20"
                    clearable
                    show-word-limit
                    auto-complete="off"
                    placeholder="账号"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="user"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>
                <el-form-item
                  prop="usernickname"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.usernickname"
                    type="text"
                    maxlength="20"
                    clearable
                    show-word-limit
                    auto-complete="off"
                    placeholder="姓名"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="user"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>
                <el-form-item
                  prop="password"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.password"
                    type="password"
                    auto-complete="new-password"
                    maxlength="20"
                    placeholder="密码"
                    clearable
                    @keyup.enter.native="handleLogin"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="password"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>

                <el-form-item
                  prop="phone"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    type="text"
                    maxlength="11"
                    onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                    v-model.trim="loginForm.phone"
                    auto-complete="off"
                    clearable
                    show-word-limit
                    placeholder="手机号"
                  ></el-input>
                </el-form-item>

                <el-form-item
                  prop="code"
                  v-if="captchaOnOff"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.code"
                    auto-complete="off"
                    placeholder="验证码"
                    style="width: 63%"
                    maxlength="10"
                    clearable
                    @keyup.enter.native="handleLogin"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="validCode"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                  <div class="login-code">
                    <el-button
                      type="primary"
                      :disabled="gain.flag"
                      @click="sendCodeFun('loginForm', 1)"
                    >
                      {{ gain.title }}</el-button
                    >
                    <!-- <img :src="codeUrl" @click="getCode" class="login-code-img" /> -->
                  </div>
                </el-form-item>

                <el-form-item
                  v-if="intoPattern != '2'"
                  style="width: 70%; margin: 10px auto"
                >
                  <el-input
                    type="text"
                    onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                    v-model.trim="Invite"
                    placeholder="邀请码"
                    maxlength="10"
                    clearable
                    show-word-limit
                    :disabled="InviteCode"
                  ></el-input>
                </el-form-item>
                <el-form-item style="width: 70%; margin: 0 auto">
                  <el-button
                    :loading="loading"
                    size="medium"
                    type="primary"
                    style="width: 100%"
                    @click.native.prevent="registerSure"
                  >
                    <span v-if="!loading">注 册</span>
                    <span v-else>注 册 中...</span>
                  </el-button>
                  <div style="float: right" v-if="register">
                    <router-link class="link-type" :to="'/register'"
                      >立即注册</router-link
                    >
                  </div>
                  <el-button type="text" @click="returnLogin"
                    >返回登录</el-button
                  >
                </el-form-item>
              </el-form>
              <!--  底部  -->
              <div class="el-login-footer">
                <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
              </div>
            </div>
          </div>
        </div>

        <div class="Home_Box4_background_box_5" v-else-if="showBox == 3">
          <div class="Home_Box4_background_box_6">
            <!-- 忘记密码 -->
            <div>
              <el-form
                ref="loginForm"
                :model="loginForm"
                :rules="loginRules"
                class="login-form"
              >
                <h3 class="title">忘记密码</h3>
                <el-form-item
                  prop="username"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.username"
                    type="text"
                    auto-complete="off"
                    placeholder="账号"
                    maxlength="20"
                    clearable
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="user"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>

                <el-form-item
                  prop="phone"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    type="text"
                    onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                    v-model.trim="loginForm.phone"
                    auto-complete="new-password"
                    clearable
                    maxlength="11"
                    placeholder="手机号"
                  ></el-input>
                </el-form-item>

                <el-form-item
                  prop="code"
                  v-if="captchaOnOff"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.code"
                    auto-complete="off"
                    placeholder="验证码"
                    style="width: 63%"
                    maxlength="10"
                    clearable
                    @keyup.enter.native="handleLogin"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="validCode"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                  <div class="login-code">
                    <el-button
                      type="primary"
                      :disabled="gain.flag"
                      @click="sendCodeFun('loginForm', 0)"
                    >
                      {{ gain.title }}</el-button
                    >
                  </div>
                  <!-- <div class="login-code">
              <img :src="codeUrl" @click="getCode" class="login-code-img" />
            </div> -->
                </el-form-item>

                <el-form-item
                  prop="password"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.password"
                    type="password"
                    auto-complete="off"
                    placeholder="新密码"
                    maxlength="20"
                    clearable
                    @keyup.enter.native="handleLogin"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="password"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>
                <el-form-item
                  prop="password2"
                  style="width: 70%; margin: 20px auto"
                >
                  <el-input
                    v-model.trim="loginForm.password2"
                    type="password"
                    auto-complete="off"
                    maxlength="20"
                    clearable
                    placeholder="确认密码"
                    @keyup.enter.native="handleLogin"
                  >
                    <svg-icon
                      slot="prefix"
                      icon-class="password"
                      class="el-input__icon input-icon"
                    />
                  </el-input>
                </el-form-item>

                <!-- <el-checkbox
          v-model="loginForm.rememberMe"
          style="margin: 0px 0px 25px 0px"
          >记住密码</el-checkbox
        > -->
                <el-form-item style="width: 70%; margin: 20px auto">
                  <el-button
                    :loading="loading"
                    size="medium"
                    type="primary"
                    style="width: 100%"
                    @click.native.prevent="FindPasswordBotton"
                  >
                    <span v-if="!loading">确 定</span>
                    <span v-else>...</span>
                  </el-button>
                  <el-button type="text" @click="returnLogin"
                    >返回登录</el-button
                  >

                  <div style="float: right" v-if="register">
                    <router-link class="link-type" :to="'/register'"
                      >确定</router-link
                    >
                  </div>
                </el-form-item>
              </el-form>
              <!--  底部  -->
              <div class="el-login-footer">
                <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- <div
      class="login"
      :style="{ backgroundImage: 'url(' + loginbackgroundURl5 + ')' }"
      v-else
    > -->
    <div class="login2" v-else>
      <!-- 样式5 -->
      <div class="Home_Box5" v-if="loginStyleBox == 'yangshi5'">
        <div class="Home_Box5_left_box">
          <img :src="loginbackgroundURl" alt="" />
        </div>
        <div class="Home_Box5_rigth_box">
          <div v-if="showBox == 1">
            <el-form
              ref="loginForm"
              :model="loginForm"
              :rules="loginRules"
              class="login-form"
            >
              <h3 class="title">{{loginName}}</h3>
              <el-form-item prop="username">
                <el-input
                  v-model.trim="loginForm.username"
                  type="text"
                  maxlength="20"
                  clearable
                  auto-complete="off"
                  placeholder="账号"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="user"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>
              <el-form-item prop="password">
                <el-input
                  v-model.trim="loginForm.password"
                  type="password"
                  auto-complete="off"
                  placeholder="密码"
                  maxlength="20"
                  clearable
                  @keyup.enter.native="handleLogin"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="password"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>

              <el-form-item prop="code" v-if="captchaOnOff">
                <el-input
                  v-model.trim="loginForm.code"
                  auto-complete="off"
                  placeholder="验证码"
                  style="width: 63%"
                  maxlength="10"
                  clearable
                  @keyup.enter.native="handleLogin"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="validCode"
                    class="el-input__icon input-icon"
                  />
                </el-input>
                <div class="login-code">
                  <img :src="codeUrl" @click="getCode" class="login-code-img" />
                </div>
              </el-form-item>
              <el-checkbox
                v-model.trim="loginForm.rememberMe"
                style="margin: 0px 0px 25px 0px"
                >记住密码</el-checkbox
              >
              <el-button
                type="text"
                @click="registerBotton"
                style="margin-left: 10px"
                >注册</el-button
              >
              <el-button type="text" @click="forget">忘记密码</el-button>
              <el-form-item style="width: 100%">
                <el-button
                  :loading="loading"
                  size="medium"
                  type="primary"
                  style="width: 100%"
                  class="anButton"
                  @click.native.prevent="handleLogin"
                >
                  <span v-if="!loading">登 录</span>
                  <span v-else>登 录 中...</span>
                </el-button>
                <div style="float: right" v-if="register">
                  <router-link class="link-type" :to="'/register'"
                    >立即注册</router-link
                  >
                </div>
              </el-form-item>
            </el-form>
            <!--  底部  -->
            <div class="el-login-footer">
              <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
            </div>
          </div>

          <!-- 注册 -->
          <div v-else-if="showBox == 2">
            <el-form
              ref="loginForm"
              :model="loginForm"
              :rules="loginRules"
              class="login-form"
              autocomplete="off"
            >
              <h3 class="title">用户注册</h3>
              <el-form-item prop="username">
                <el-input
                  v-model.trim="loginForm.username"
                  type="text"
                  maxlength="20"
                  clearable
                  show-word-limit
                  auto-complete="off"
                  placeholder="账号"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="user"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>
              <el-form-item prop="usernickname">
                <el-input
                  v-model.trim="loginForm.usernickname"
                  type="text"
                  maxlength="20"
                  clearable
                  show-word-limit
                  auto-complete="off"
                  placeholder="姓名"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="user"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>
              <el-form-item prop="password">
                <el-input
                  v-model.trim="loginForm.password"
                  type="password"
                  auto-complete="new-password"
                  maxlength="20"
                  placeholder="密码"
                  clearable
                  @keyup.enter.native="handleLogin"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="password"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>

              <el-form-item prop="phone">
                <el-input
                  type="text"
                  maxlength="11"
                  onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                  v-model.trim="loginForm.phone"
                  auto-complete="off"
                  clearable
                  show-word-limit
                  placeholder="手机号"
                ></el-input>
              </el-form-item>

              <el-form-item prop="code" v-if="captchaOnOff">
                <el-input
                  v-model.trim="loginForm.code"
                  auto-complete="off"
                  placeholder="验证码"
                  style="width: 63%"
                  maxlength="10"
                  clearable
                  @keyup.enter.native="handleLogin"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="validCode"
                    class="el-input__icon input-icon"
                  />
                </el-input>
                <div class="login-code">
                  <el-button
                    type="primary"
                    :disabled="gain.flag"
                     class="anButton"
                    @click="sendCodeFun('loginForm', 1)"
                  >
                    {{ gain.title }}</el-button
                  >
                  <!-- <img :src="codeUrl" @click="getCode" class="login-code-img" /> -->
                </div>
              </el-form-item>

              <el-form-item v-if="intoPattern != '2'">
                <el-input
                  type="text"
                  onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                  v-model.trim="Invite"
                  placeholder="邀请码"
                  maxlength="10"
                  clearable
                  show-word-limit
                  :disabled="InviteCode"
                ></el-input>
              </el-form-item>
              <el-form-item style="width: 100%">
                <el-button
                  :loading="loading"
                  size="medium"
                  type="primary"
                  style="width: 100%"
                  @click.native.prevent="registerSure"
                   class="anButton"
                >
                  <span v-if="!loading">注 册</span>
                  <span v-else>注 册 中...</span>
                </el-button>
                <div style="float: right" v-if="register">
                  <router-link class="link-type" :to="'/register'"
                    >立即注册</router-link
                  >
                </div>
                <el-button type="text" @click="returnLogin">返回登录</el-button>
              </el-form-item>
            </el-form>
            <!--  底部  -->
            <div class="el-login-footer">
              <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
            </div>
          </div>

          <!-- 忘记密码 -->
          <div v-else-if="showBox == 3">
            <el-form
              ref="loginForm"
              :model="loginForm"
              :rules="loginRules"
              class="login-form"
            >
              <h3 class="title">忘记密码</h3>
              <el-form-item prop="username">
                <el-input
                  v-model.trim="loginForm.username"
                  type="text"
                  auto-complete="off"
                  placeholder="账号"
                  maxlength="20"
                  clearable
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="user"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>

              <el-form-item prop="phone">
                <el-input
                  type="text"
                  onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                  v-model.trim="loginForm.phone"
                  auto-complete="new-password"
                  clearable
                  maxlength="11"
                  placeholder="手机号"
                ></el-input>
              </el-form-item>

              <el-form-item prop="code" v-if="captchaOnOff">
                <el-input
                  v-model.trim="loginForm.code"
                  auto-complete="off"
                  placeholder="验证码"
                  style="width: 63%"
                  maxlength="10"
                  clearable
                  @keyup.enter.native="handleLogin"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="validCode"
                    class="el-input__icon input-icon"
                  />
                </el-input>
                <div class="login-code">
                  <el-button
                    type="primary"
                    :disabled="gain.flag"
                     class="anButton"
                    @click="sendCodeFun('loginForm', 0)"
                  >
                    {{ gain.title }}</el-button
                  >
                </div>
                <!-- <div class="login-code">
              <img :src="codeUrl" @click="getCode" class="login-code-img" />
            </div> -->
              </el-form-item>

              <el-form-item prop="password">
                <el-input
                  v-model.trim="loginForm.password"
                  type="password"
                  auto-complete="off"
                  placeholder="新密码"
                  maxlength="20"
                  clearable
                  @keyup.enter.native="handleLogin"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="password"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>
              <el-form-item prop="password2">
                <el-input
                  v-model.trim="loginForm.password2"
                  type="password"
                  auto-complete="off"
                  maxlength="20"
                  clearable
                  placeholder="确认密码"
                  @keyup.enter.native="handleLogin"
                >
                  <svg-icon
                    slot="prefix"
                    icon-class="password"
                    class="el-input__icon input-icon"
                  />
                </el-input>
              </el-form-item>

              <!-- <el-checkbox
          v-model="loginForm.rememberMe"
          style="margin: 0px 0px 25px 0px"
          >记住密码</el-checkbox
        > -->
              <el-form-item style="width: 100%">
                <el-button
                  :loading="loading"
                  size="medium"
                  type="primary"
                  style="width: 100%"
                   class="anButton"
                  @click.native.prevent="FindPasswordBotton"
                >
                  <span v-if="!loading">确 定</span>
                  <span v-else>...</span>
                </el-button>
                <el-button type="text" @click="returnLogin">返回登录</el-button>

                <div style="float: right" v-if="register">
                  <router-link class="link-type" :to="'/register'"
                    >确定</router-link
                  >
                </div>
              </el-form-item>
            </el-form>
            <!--  底部  -->
            <div class="el-login-footer">
              <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {
  getCodeImg,
  registerAPI,
  addCapUserWallet,
  getAliDy,
  forgetPassword,
} from "@/api/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from "@/utils/jsencrypt";
import {
  getSetup,
  selectByInvitationConfig,
  getInfoDomain,
} from "@/api/system/index";
import { Verification } from "@/api/finance/index.js";
export default {
  name: "Login",
  data() {
    return {
      loginStyleBox:"",
      //样式5
      loginbackgroundURl5: "../assets/img/logobjt.png",
      // loginbackgroundURl5:"http://121.40.114.220/wp-content/uploads/2016/09/yiduoyun.jpg",
      //  获取验证码按钮
      gain: {
        title: "获取验证码",
        flag: false,
      },
      //邀请码
      Invite: "",
      //邀请码是否可以更改
      InviteCode: false,
      showBox: 1,
      codeUrl: "",
      cookiePassword: "",
      loginForm: {
        username: "", //admin
        password: "", //admin123
        password2: "", //admin123
        rememberMe: false,
        code: "", //验证码
        // invitationCode: "", //邀请码
        uuid: "",
        phone: "",
        usernickname: "", //用户昵称
        url: "", //邀请码
      },
      loginRules: {
        username: [
          { required: true, trigger: "change", message: "此账号为登陆账号" },
          // { min: 3, trigger: "change", message: "不能少于3个字符" },
        ],
        usernickname: [
          { required: true, trigger: "change", message: "请输入姓名" },
          { min: 2, trigger: "change", message: "不能少于2个字符" },
        ],
        password: [
          { required: true, trigger: "blur", message: "请输入您的密码" },
        ],
        password2: [
          { required: true, trigger: "blur", message: "请输入确认密码" },
        ],
        code: [{ required: true, trigger: "change", message: "请输入验证码" }],
        phone: [
          { required: true, trigger: "change", message: "请输入手机号" },
          {
            pattern: /^[1][3.4.5.7.8.9][0-9]{9}$/,
            message: "手机格式错误",
            trigger: "change",
          },
        ],
      },
      loading: false,
      // 验证码开关
      captchaOnOff: true,
      // 注册开关
      register: false,
      redirect: undefined,
      //登录背景图地址
      loginbackgroundURl: "",
      //0 邀请码必填 1 邀请码选填 2 邀请码不填
      intoPattern: 1,
      //登录标题
      loginName:"登录",
    };
  },
  watch: {
    $route: {
      handler: function (route) {
        this.redirect = route.query && route.query.redirect;
      },
      immediate: true,
    },
  },
  created() {},
  mounted() {
    //一进来就获取验证码
    this.getCode();
    //一进来获取一些事件
    this.test();
    this.getCookie();
  },
  methods: {
    async test() {
      if (this.$route.query.judge) {
        this.showBox = 2;
        this.Invite = this.$route.query.yqm;
        this.InviteCode = true;
      }
      //如果获取不到邀请码就说明是租户,获取到邀请码就说明是用户
      var yqm = this.$route.query.yqm || "undefined";

      // 邀请码:837A1W,M961Yb
      // selectByInvitationConfig({
      //   invitationCode:"M961Yb", //邀请码
      // }).then((res) => {
      //   //console.log(res, "通过邀请码获取基础设置");
      //   //保存到临时存储本地
      //   sessionStorage.setupParam = JSON.stringify(res.data);
      //   this.loginbackgroundURl =
      //     res.data.loginBackgroundImageUrl ||
      //     "http://121.40.114.220/wp-content/uploads/2016/09/yiduoyun.jpg"; //登录背景图片地址
      //   this.intoPattern = res.data.intoPattern; //0 邀请码必填 1 邀请码选填 2 邀请码不填
      // });

      if (yqm == "undefined") {
        let param = {
          url: window.location.host,
        };
        if(window.location.host=='localhost'||window.location.host.indexOf("192")!=-1){
          param={
            url: window.location.host,
            invitationCode: 'h973Tk',
          }
        }else{
           param={
            url: window.location.host
          }
        }
        //通过网页域名获取基础设置
        const res = await getInfoDomain(param);
        // //console.log(res, "直接获取基础设置");
        
        // 更改网页标题
        document.title = res.data?res.data.appName||"":"";
        //更改登录标题
        this.loginName = document.title;
        if (res.data&&(
          res.data.loginBackgroundImageUrl == null ||
          res.data.loginBackgroundImageUrl == "")
        ) {
          //如果租户没有设置背景图，只设置了PC样式，那么就把背景图按照对应的样式设置死
          if (res.data.domainAddress == "yangshi1") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/ewrwerwe.jpg"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi2") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/321.png"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi3") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/wefrdwesdf.png"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi4") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/213123.png"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi5") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/yangshi5.png"; //登录背景图片地址
          }else{
             this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/ewrwerwe.jpg"; //登录背景图片地址
          }
        } else {
          // //console.log(res.data.loginBackgroundImageUrl,'7777')
          this.loginbackgroundURl = res.data?res.data.loginBackgroundImageUrl||"":""; //登录背景图片地址
        }
        if (res.data && res.data.domainAddress) {
          this.loginStyleBox = res.data?res.data.domainAddress||"":""; //获取登录页面的样式
        } else {
          this.loginStyleBox = "yangshi1"; //获取登录页面的样式
        }
        //保存到临时存储本地
        sessionStorage.setupParam = res.data?JSON.stringify(res.data):"";
        // selectByInvitationConfig().then((res) => {

        // });
      } else {
        //把邀请码保存到本地
        sessionStorage.yqm =yqm;
        //通过网页域名获取基础设置
        const res = await getInfoDomain({
          url: window.location.host,
          invitationCode: yqm,
        });
        // this.Network = "http://" + window.location.host;
        //console.log(window.location.host, "999");
            // 更改网页标题
        document.title = res.data.appName;
      //更改登录标题
        this.loginName = res.data.appName;
        // 邀请码:837A1W,M961Yb 通过邀请码获取基础设置
        // const res=await selectByInvitationConfig({
        //   invitationCode: this.$route.query.yqm, //邀请码
        // });
        //console.log(res, "通过邀请码获取基础设置");
        if (res.data.domainAddress) {
          this.loginStyleBox = res.data.domainAddress; //获取登录页面的样式
        } else {
          this.loginStyleBox = "yangshi1"; //获取登录页面的样式
        }
        // 更改网页标题
        document.title = res.data.appName;
        //保存到临时存储本地
        sessionStorage.setupParam = JSON.stringify(res.data);

        if (
          res.data.loginBackgroundImageUrl == null ||
          res.data.loginBackgroundImageUrl == ""
        ) {
          //如果租户没有设置背景图，只设置了PC样式，那么就把背景图按照对应的样式设置死
          if (res.data.domainAddress == "yangshi1") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/ewrwerwe.jpg"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi2") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/321.png"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi3") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/wefrdwesdf.png"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi4") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/213123.png"; //登录背景图片地址
          } else if (res.data.domainAddress == "yangshi5") {
            this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/yangshi5.png"; //登录背景图片地址
          }else{
             this.loginbackgroundURl =
              "http://mao.91weiduan.cn/upload/2022/03/02/ewrwerwe.jpg"; //登录背景图片地址
          }
        } else {
          this.loginbackgroundURl = res.data.loginBackgroundImageUrl;
        }

        // this.loginbackgroundURl =
        //   res.data.loginBackgroundImageUrl ||
        //   "http://121.40.114.220/wp-content/uploads/2016/09/yiduoyun.jpg"; //登录背景图片地址

        this.intoPattern = res.data.intoPattern; //0 邀请码必填 1 邀请码选填 2 邀请码不填

        //获取基础设置的租户状态是否为开启和关闭
        if (res.data.appState == 1) {
          // 1是关闭，如果关闭就跳转404页面并显示关闭提醒的富文本消息
          this.$router.push({
            path: "/user404",
            query: {
              yqm: this.$route.query.yqm,
            },
          });
        }
      }
    },
    // 发送短信验证码
    sendCodeFun(el, row) {
      // //console.log(this[el].phoneNumber);
      //console.log(this.loginForm.phone);
      let param = {
        phone: this.loginForm.phone,
        url: this.Invite,
      };
      if (
        this.loginForm.phone &&
        this.loginForm.phone.length == 11 &&
        /^[1][3.4.5.7.8.9][0-9]{9}$/.test(this.loginForm.phone)
      ) {
        if (row) {
          if (this.Invite != "") {
            this.timerFun();
            // //console.log(this[el].phoneNumber);
            getAliDy(param).then((data) => {
              //console.log(data, "获取验证码");
              if (data.code == 200) {
              } else {
                this.$message.error(data.msg);
              }
            });
            //console.log("发送验证码");
          } else {
            this.$message({
              message: "请输入邀请码",
              type: "warning",
            });
          }
        } else {
          this.timerFun();
          getAliDy(param).then((data) => {
            //console.log(data, "获取验证码");
            if (data.code == 200) {
            } else {
              this.$message.error(data.msg);
            }
          });
          //console.log("发送验证码");
        }
      } else {
        this.$message({
          message: "请输入手机号",
          type: "warning",
        });
      }
    },
    // 关闭定时器
    timerFunEnd() {
      this.gain.title = "获取验证码";
      this.gain.flag = false;
      clearInterval(this.timer);
    },
    // 定时器
    timerFun() {
      this.gain.flag = true;
      let timerNum = 60;
      this.gain.title = timerNum + "秒后重试";
      this.timer = setInterval(() => {
        timerNum--;
        //console.log(11);
        if (timerNum < 0) {
          this.timerFunEnd();
        } else {
          this.gain.title = timerNum + "秒后重试";
        }
      }, 1000);
    },
    //返回登陆页面
    returnLogin() {
      this.Invite = "";
      (this.loginForm = {
        username: "", //admin
        password: "", //admin123
        rememberMe: false,
        code: "", //验证码
        // invitationCode: "", //邀请码
        uuid: "",
        phone: "",
        usernickname: "",
        url: "", //邀请码
      }),
        (this.showBox = 1);
    },
    //忘记页面
    forget() {
      this.Invite = "";
      this.loginForm = {
        username: "", //admin
        password: "", //admin123
        rememberMe: false,
        code: "", //验证码
        // invitationCode: "", //邀请码
        uuid: "",
        phone: "",
        usernickname: "",
        url: "", //邀请码
      };
      this.showBox = 3;
    },
    //登录按钮
    handleLogin() {
      this.$refs.loginForm.validate((valid) => {
        if (valid) {
          // this.loginForm.url = window.location.host; //登录传域名
          this.loginForm.url = this.$root.baseUrl; //登录传域名
          if(this.$route.query.yqm) { //登录传邀请码，没有就不传
            this.loginForm.invitationCode = this.$route.query.yqm
          }
          this.loading = true;
          if (this.loginForm.rememberMe) {
            Cookies.set("username", this.loginForm.username, { expires: 30 });
            Cookies.set("password", encrypt(this.loginForm.password), {
              expires: 30,
            });
            Cookies.set("rememberMe", this.loginForm.rememberMe, {
              expires: 30,
            });
          } else {
            Cookies.remove("username");
            Cookies.remove("password");
            Cookies.remove("rememberMe");
          }
          //console.log(this.loginForm, "6677");
          this.$store
            .dispatch("Login", this.loginForm)
            .then(() => {
              this.$router.push({ path: this.redirect || "/" }).catch(() => {});
            })
            .catch(() => {
              //console.log(this.redirect, "999");
              this.loading = false;
              if (this.captchaOnOff) {
                this.getCode();
              }
            });
        }
      });
    },
    //忘记密码确定按钮
    FindPasswordBotton() {
      this.$refs.loginForm.validate((valid) => {
        if (valid) {
          setTimeout(() => {
            this.loading = false;
          }, 2000);
          let param = {
            username: this.loginForm.username, //账号
            password: this.loginForm.password, //密码
            phoneNumber: this.loginForm.phone, //手机号
            code: this.loginForm.code, //验证码
          };
          //console.log(param, "8888999999");
          if (!/^1[3456789]\d{9}$/.test(this.loginForm.phone)) {
            this.$message.error("手机号码有误，请重填");
          } else {
            if (this.loginForm.password != this.loginForm.password2) {
              this.$message({
                message: "两次密码不一致!",
                type: "warning",
              });
            } else {
              this.loading = true;
              forgetPassword(param).then((res) => {
                //console.log(res, "结果666666666666");
                if (res.code == 200) {
                  this.$message({
                    message: "修改成功!",
                    type: "success",
                  });
                  this.loading = false;
                  this.Invite = "";
                  this.loginForm = {
                    username: "", //admin
                    password: "", //admin123
                    rememberMe: false,
                    code: "", //验证码
                    // invitationCode: "", //邀请码
                    uuid: "",
                    phone: "",
                    usernickname: "",
                  };
                  this.showBox = 1;
                } else {
                  this.loading = false;
                  this.$message.error("操作失败!");
                }
              });
            }
          }
        }
      });
      // alert("忘记密码");
    },
    // 注册确定按钮
    registerSure() {
      this.$refs.loginForm.validate((valid) => {
        if (valid) {
          let param = {
            username: this.loginForm.username, //账号
            password: this.loginForm.password, //密码
            phoneNumber: this.loginForm.phone, //手机号
            uuid: this.loginForm.uuid, //验证码的uuid
            invitationCode: this.Invite, //邀请码
            code: this.loginForm.code, //验证码
            nickName: this.loginForm.usernickname, //用户昵称

            // invitationCode:"CK4It2", //邀请码
          };
          //         "code": "验证码",
          // "invitationCode": "邀请码",
          // "password": "密码",
          // "phoneNumber": "手机好",
          // "username": "账号",
          // "uuid": "string"
          //console.log(this.loginForm, "注册数据");
          //console.log(param, "222");
          if (!/^1[3456789]\d{9}$/.test(this.loginForm.phone)) {
            this.$message.error("手机号码有误，请重填");
          } else {
            this.loading = true;
            registerAPI(param).then((res) => {
              //console.log(res, "注册返回的参数");
              if (res.code == 200) {
                this.showBox = 1;
                this.$message({
                  message: "注册成功",
                  type: "success",
                });
                this.this.Invite = "";
                this.loginForm = {
                  username: "", //admin
                  password: "", //admin123
                  password2: "", //admin123
                  rememberMe: false,
                  code: "", //验证码
                  uuid: "",
                  phone: "",
                  usernickname: "",
                };
                // addCapUserWallet({ userId: res.data.userId }).then((item) => {
                //   //console.log(item, "注册成功新增用户钱包");
                // });
              } else {
                this.$message.error("注册失败");
              }
            });
            this.loading = false;
          }

          // if (this.loginForm.rememberMe) {

          // } else {
          //   Cookies.remove("username");
          //   Cookies.remove("password");
          //   Cookies.remove("rememberMe");
          // }
        }
      });
    },
    // 显示注册
    registerBotton() {
      this.loginForm.username = "";
      this.loginForm.password = "";
      this.loginForm.rememberMe = "";
      this.showBox = 2;

      // this.loginForm.code='';
    },
    getCode() {
      //获取URL路径后面参数
      // //console.log(window.location.href, "啊啊啊啊啊");
      // //console.log(this.$route.query.yqm, "哦哦哦哦");
      // //console.log(this.$route.query.judge, "注册");

      //这是获取验证码
      getCodeImg().then(async (res) => {
        this.captchaOnOff =
          res.captchaOnOff === undefined ? true : res.captchaOnOff;
        if (this.captchaOnOff) {
          this.codeUrl = res.img?"data:image/gif;base64," + res.img:"";
          this.loginForm.uuid = res.uuid||"";
        }
      });
    },
    getCookie() {
      const username = Cookies.get("username");
      const password = Cookies.get("password");
      const rememberMe = Cookies.get("rememberMe");
      this.loginForm = {
        username: username === undefined ? this.loginForm.username : username,
        password:
          password === undefined ? this.loginForm.password : decrypt(password),
        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
      };
    },
  },
};
</script>

<style rel="stylesheet/scss" lang="scss">
.login2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-image: url("../assets/img/logobjt.png");
  // background-image: url();
  background-size: cover;

  .Home_Box5 {
    // border: 1px red solid;
    background: rgb(255, 255, 255);
    width: 75%;
    height: 75%;
    display: flex;
    justify-content: center;
    // justify-content: flex-end;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.5);
    .Home_Box5_left_box {
      display: flex;
      align-items: center;
      justify-content: center;
      // border: 1px red solid;
      width: 50%;
      height: auto;
      background: #fff;
      img {
        // height: 90%;
        // border: 1px red solid;
        width: 97%;
        height: 97%;
      }
    }
    .Home_Box5_rigth_box {
      // border: 1px red solid;
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      .anButton{
        background: rgb(92, 174, 233);
        border: none;
      }
    }
    .title {
      margin: 0px auto 30px auto;
      text-align: center;
      font-weight: 650;
      color: rgb(30, 149, 240);
    }

    .login-form {
      border-radius: 10px;
      margin: 0px auto;
      width: 400px;
      padding: 30px 35px 15px 35px;
      background: #fff;
      // border: 1px solid #eaeaea;
      text-align: left;
      // box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
      // border-radius: 6px;
      // background: #ffffff;
      // width: 400px;
      // padding: 25px 25px 5px 25px;
      .el-input {
        height: 38px;
        input {
          height: 38px;
        }
      }
      .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
      }
    }
  }
}
.login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  // background-image: url("../assets/images/login-background.jpg");
  // background-image: url();
  background-size: cover;
  .Home_Box {
    // border: 1px red solid;
    margin-left: 60%;
    .title {
      margin: 0px auto 30px auto;
      text-align: center;
      color: #707070;
    }

    .login-form {
      border-radius: 10px;
      margin: 0px auto;
      width: 400px;
      padding: 30px 35px 15px 35px;
      background: #fff;
      border: 1px solid #eaeaea;
      text-align: left;
      box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
      // border-radius: 6px;
      // background: #ffffff;
      // width: 400px;
      // padding: 25px 25px 5px 25px;
      .el-input {
        height: 38px;
        input {
          height: 38px;
        }
      }
      .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
      }
    }
  }
  .Home_Box5 {
    background: rgb(255, 255, 255);
    width: 40%;
    height: 50%;
    display: flex;
    justify-content: flex-end;
    .Home_Box5_left_box {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px red solid;
      width: 100%;
      height: auto;
      background: #fff;
      img {
        // height: 90%;
        // border: 1px red solid;
        width: 97%;
        height: 97%;
      }
    }

    .title {
      margin: 0px auto 30px auto;
      text-align: center;
      color: #707070;
    }

    .login-form {
      border-radius: 10px;
      margin: 0px auto;
      width: 400px;
      padding: 30px 35px 15px 35px;
      background: #fff;
      // border: 1px solid #eaeaea;
      text-align: left;
      // box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
      // border-radius: 6px;
      // background: #ffffff;
      // width: 400px;
      // padding: 25px 25px 5px 25px;
      .el-input {
        height: 38px;
        input {
          height: 38px;
        }
      }
      .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
      }
    }
  }
  .Home_Box4 {
    .Home_Box4_background_box_1 {
      width: 540px;
      height: 540px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.2);
      .Home_Box4_background_box_2 {
        width: 520px;
        height: 520px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.4);

        .login-form {
          border-radius: 10px;
          margin: 0px auto;
          width: 500px;
          height: 500px;
          padding: 80px 80px 15px 80px;
          background: rgba(255, 255, 255, 0.6);
          // border: 1px red solid;
          border-radius: 50%;
          text-align: left;
          box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
          // border-radius: 6px;
          // background: #ffffff;
          // width: 400px;
          // padding: 25px 25px 5px 25px;
          .el-input {
            height: 38px;
            background: #fff;
            input {
              height: 38px;
            }
          }
          .input-icon {
            height: 39px;
            width: 14px;
            margin-left: 2px;
          }
        }
      }
    }

    .Home_Box4_background_box_3 {
      width: 640px;
      height: 640px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.2);
      .Home_Box4_background_box_4 {
        width: 620px;
        height: 620px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.4);

        .login-form {
          border-radius: 10px;
          margin: 0px auto;
          width: 600px;
          height: 600px;
          padding: 80px 80px 15px 80px;
          background: rgba(255, 255, 255, 0.6);
          // border: 1px red solid;
          border-radius: 50%;
          text-align: left;
          box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
          // border-radius: 6px;
          // background: #ffffff;
          // width: 400px;
          // padding: 25px 25px 5px 25px;
          .el-input {
            height: 38px;
            background: #fff;
            input {
              height: 38px;
            }
          }
          .input-icon {
            height: 39px;
            width: 14px;
            margin-left: 2px;
          }
        }
      }
    }

    .Home_Box4_background_box_5 {
      width: 640px;
      height: 640px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.2);
      .Home_Box4_background_box_6 {
        width: 620px;
        height: 620px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.4);

        .login-form {
          border-radius: 10px;
          margin: 0px auto;
          width: 600px;
          height: 600px;
          padding: 80px 80px 15px 80px;
          background: rgba(255, 255, 255, 0.6);
          // border: 1px red solid;
          border-radius: 50%;
          text-align: left;
          box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
          // border-radius: 6px;
          // background: #ffffff;
          // width: 400px;
          // padding: 25px 25px 5px 25px;
          .el-input {
            height: 38px;
            background: #fff;
            input {
              height: 38px;
            }
          }
          .input-icon {
            height: 39px;
            width: 14px;
            margin-left: 2px;
          }
        }
      }
    }

    .title {
      margin: 0px auto 30px auto;
      text-align: center;
      color: #707070;
    }
  }
  .Home_Box2 {
    .title {
      margin: 0px auto 30px auto;
      text-align: center;
      color: #707070;
    }

    .login-form {
      border-radius: 10px;
      margin: 0px auto;
      width: 400px;
      padding: 30px 35px 15px 35px;
      background: #fff;
      border: 1px solid #eaeaea;
      text-align: left;
      box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
      // border-radius: 6px;
      // background: #ffffff;
      // width: 400px;
      // padding: 25px 25px 5px 25px;
      .el-input {
        height: 38px;
        input {
          height: 38px;
        }
      }
      .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
      }
    }
    .yangshi2Button {
      width: 100%;
      border-radius: 50px;
      background-image: linear-gradient(
        50deg,
        rgb(59, 113, 241),
        rgb(204, 126, 198)
      );
    }
  }
  .Home_Box3 {
    background: rgba(0, 0, 0, 0);
    .title {
      margin-bottom: 20px;
      display: flex;
      span {
        margin-right: 20px;
        color: #000000;
        font-weight: 550;
        font-size: 15px;
      }
      .xzBox {
        border-bottom: 2px rgb(59, 113, 241) solid;
        padding-bottom: 3px;
      }
    }
    .login-form {
      border-radius: 10px;
      margin: 0px auto;
      width: 400px;
      padding: 30px 35px 15px 35px;
      background: rgba(0, 0, 0, 0);
      text-align: left;
      // box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
      .el-input {
        height: 38px;
        // border: 1px red solid;
        // border-radius: 50px;
        input {
          height: 38px;
          border-radius: 50px;
        }
      }
      .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
      }
    }
    margin-left: -60%;

    .title {
      // border: 1px red solid;
      display: flex;
      span {
        margin-right: 20px;
        color: #000000;
        font-weight: 550;
      }
      .xzBox {
        border-bottom: 2px rgb(59, 113, 241) solid;
        padding-bottom: 3px;
      }
    }
    // border: 1px red solid;
    .yangshi2Button {
      width: 100%;
      border-radius: 50px;
    }
  }
  .Home_Box3_zc_box {
    .login-form {
      border-radius: 10px;
      margin: 0px auto;
      width: 400px;
      padding: 30px 35px 15px 35px;
      background: #fff;
      text-align: left;
      // box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
      .el-input {
        height: 38px;
        input {
          height: 38px;
        }
      }
      .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
      }
    }
    .title {
      // border: 1px red solid;
      margin-bottom: 10px;
      display: flex;
      span {
        margin-right: 20px;
        color: #000000;
        font-weight: 550;
        font-size: 15px;
      }
      .xzBox {
        border-bottom: 2px rgb(59, 113, 241) solid;
        padding-bottom: 3px;
      }
    }
  }
}

.login-tip {
  font-size: 13px;
  text-align: center;
  color: #bfbfbf;
}
.login-code {
  width: 33%;
  height: 38px;
  float: right;
  img {
    cursor: pointer;
    vertical-align: middle;
  }
}
.el-login-footer {
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 1px;
}
.login-code-img {
  height: 38px;
}
</style>
